.container {

  a,
  div,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #fff;
  }

  .ant-card-body {
    padding: 0 24px;
  }


  .ant-form-item-label>label,
  .ant-pagination {
    color: #fff;

  }

  .login {
    .ant-select-selection-item {
      color: #191A22;
    }

    .ant-tabs-tab-btn {
      color: #191A22;
    }
  }

  .ant-select-selection-item {
    color: #191A22;
  }

  background-image: url('../assets/img/bg.png');
  background-repeat: no-repeat;
  background-size: cover;

  .ant-layout,
  .ant-menu,
  .ant-table-cell {
    background: transparent !important;
  }

  .ant-layout-sider {
    background: #191A22;
    opacity: 0.8;

    .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
      background: transparent;
    }

    .ant-menu-inline {
      border: 0;
    }
  }



  .ant-table-cell {
    border-bottom: 0;
  }

  .ant-table {
    background: linear-gradient(0deg, #7E18FF, #AF32FA);
    opacity: 0.8;
    border-radius: 20px;

    th,
    td {
      color: #fff !important;

    }

    td {
      border-top: #7e18ff 1px solid;
    }
  }

  .ant-card,
  .ant-card-head {
    border: 0;
    background: transparent;
  }

  .sider {
    .ant-menu-item {
      height: 90px;
      text-align: center;
      margin-top: 10px;
      justify-content: center;



      &:active {
        background: transparent;
      }


      img {
        width: 50px;
        height: 50px;

      }
    }

    .ant-menu-item-selected {
      a {
        color: #7E18FF;
      }
    }
  }



}

.order-detail-modal {
  color: #333;

  .ant-table-tbody>tr>td {
    color: #333;
  }
}
